<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>一席地</title>
		<meta name="Keywords" content="一席地，鸡">
		<meta name="Description" content="一席地什么什么介绍">
		<meta content="target-densitydpi=device-dpi, width=640" name="viewport">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/idangerous.css">
		<script type="text/javascript" src="js/jquery.js"></script>
		<script>
			/*不同分辨率手机加载*/
				var userScalable = "no";
				var ins = "";
				(function() {
					if (window.devicePixelRatio === 1.5) {
						userScalable = "yes";
						ins = "initial-scale=0.5"
					}
					var text = "<meta content='" + ins + ", target-densitydpi=device-dpi, width=640,user-scalable=" + userScalable + "' name='viewport'>";
					document.write(text);
				})();
		</script>

	</head>

	<body class="bgT-f4">
		<article class="w640">
			<header>
				<div class="order_box h90">
					<h1 class="logo_h1"></h1>
					<div class="center">鲜活送商品列表</div>
					<a class="logo_product" href="javascript:;"></a>
				</div>
			</header>

			<section>
			<!--首页幻灯片-->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="title"><a href="javascript:;"><img alt="第一个图介绍" src="img/img01.jpg"></a></div>
					</div>
					<div class="swiper-slide">
						<div class="title"><a href="javascript:;"><img alt="第二个图介绍" src="img/img02.jpg"></a></div>
					</div>
					<div class="swiper-slide">
						<div class="title"><a href="javascript:;"><img alt="第三个图介绍" src="img/img03.jpg"></a></div>
					</div>
				</div>
				<div class="pagination"></div>
			</div>

				<div class="clearfix produce_list paddT25 marB80">
					<ul>
						<li>
							<div class="pore">

								<img class="produce_img" alt="图介绍" src="img/add_img03.png">

								<div class="produce_btn">
									<a href="" class="submi_red"></a>
									<span><input type="" name="" id="" value="1" /></span>
									<a href="" class="submi_add"></a>
								</div>
								<div class="produce_bg"></div>
							</div>
							<h3 class="paddQ10 produce_title">

							<a class="col003 " href="javascript:;">本地鸡窝本地鸡窝本地鸡窝本地鸡窝</a>

						</h3>
							<div class="paddL10 paddR10">
								<a class="fr cola8a produce_icon" href="#">99</a>
								<span class="colff9 fontS28">￥60</span>
							</div>

						</li>

						<li>
							<div class="pore">

								<img class="produce_img" alt="图介绍" src="img/add_img03.png">

								<div class="produce_btn">
									<a href="" class="submi_red"></a>
									<span><input type="" name="" id="" value="1" /></span>
									<a href="" class="submi_add"></a>
								</div>
								<div class="produce_bg"></div>
							</div>
							<h3 class="paddQ10 produce_title">

							<a class="col003 " href="javascript:;">本地鸡窝本窝</a>

						</h3>
							<div class="paddL10 paddR10">
								<a class="fr cola8a produce_icon" href="#">99</a>
								<span class="colff9 fontS28">￥60</span>
							</div>

						</li>

						<li>
							<div class="pore">

								<img class="produce_img" alt="图介绍" src="img/add_img03.png">

								<div class="produce_btn">
									<a href="" class="submi_red"></a>
									<span><input type="" name="" id="" value="1" /></span>
									<a href="" class="submi_add"></a>
								</div>
								<div class="produce_bg"></div>
							</div>
							<h3 class="paddQ10 produce_title">

							<a class="col003 " href="javascript:;">本地鸡窝本窝</a>

						</h3>
							<div class="paddL10 paddR10">
								<a class="fr cola8a produce_icon" href="#">99</a>
								<span class="colff9 fontS28">￥60</span>
							</div>

						</li>

						<li>
							<div class="pore">

								<img class="produce_img" alt="图介绍" src="img/add_img03.png">

								<div class="produce_btn">
									<a href="" class="submi_red"></a>
									<span><input type="" name="" id="" value="1" /></span>
									<a href="" class="submi_add"></a>
								</div>
								<div class="produce_bg"></div>
							</div>
							<h3 class="paddQ10 produce_title">

							<a class="col003 " href="javascript:;">本地鸡窝本窝本地鸡窝本窝本地鸡窝本窝</a>

						</h3>
							<div class="paddL10 paddR10">
								<a class="fr cola8a produce_icon" href="#">99</a>
								<span class="colff9 fontS28">￥60</span>
							</div>

						</li>
						<li>
							<div class="pore">

								<img class="produce_img" alt="图介绍" src="img/add_img03.png">

								<div class="produce_btn">
									<a href="" class="submi_red"></a>
									<span><input type="" name="" id="" value="1" /></span>
									<a href="" class="submi_add"></a>
								</div>
								<div class="produce_bg"></div>
							</div>
							<h3 class="paddQ10 produce_title">

								<a class="col003 " href="javascript:;">本地鸡窝本窝本地鸡窝本窝本地鸡窝本窝</a>

							</h3>
							<div class="paddL10 paddR10">
								<a class="fr cola8a produce_icon" href="#">99</a>
								<span class="colff9 fontS28">￥60</span>
							</div>

						</li>
						<li>
							<div class="pore">

								<img class="produce_img" alt="图介绍" src="img/add_img03.png">

								<div class="produce_btn">
									<a href="" class="submi_red"></a>
									<span><input type="" name="" id="" value="1" /></span>
									<a href="" class="submi_add"></a>
								</div>
								<div class="produce_bg"></div>
							</div>
							<h3 class="paddQ10 produce_title">

							<a class="col003 " href="javascript:;">本地鸡窝本窝本地鸡窝本窝本地鸡窝本窝</a>

						</h3>
							<div class="paddL10 paddR10">
								<a class="fr cola8a produce_icon" href="#">99</a>
								<span class="colff9 fontS28">￥60</span>
							</div>

						</li>
					</ul>

				</div>

			</section>
			<aside>
				<div class="produce_box">
					<ul>
					<li class="clearfix pore"><a class="produce_box_a" href=""></a><span class="fl col666 w260">本地鸡窝</span><span class="fl colfd2 w110">60元</span>
					<div class="submi_btn">
							<a class="submi_red" href=""></a>
							<span><input type="" name="" id="" value="1" /></span>
							<a class="submi_add" href=""></a>
					</div>
					</li>
					<li class="clearfix pore"><a class="produce_box_a" href=""></a><span class="fl col666 w260">本地鸡窝</span><span class="fl colfd2 w110">60元</span>
					<div class="submi_btn">
							<a class="submi_red" href=""></a>
							<span><input type="" name="" id="" value="1" /></span>
							<a class="submi_add" href=""></a>
					</div>
					</li>
					<li class="clearfix pore"><a class="produce_box_a" href=""></a><span class="fl col666 w260">本地鸡窝</span><span class="fl colfd2 w110">60元</span>
					<div class="submi_btn">
							<a class="submi_red" href=""></a>
							<span><input type="" name="" id="" value="1" /></span>
							<a class="submi_add" href=""></a>
					</div>
					</li>
					
					<li class="clearfix pore"><a class="produce_box_a" href=""></a><span class="fl col666 w260">本地鸡窝</span><span class="fl colfd2 w110">60元</span>
					<div class="submi_btn">
							<a class="submi_red" href=""></a>
							<span><input type="" name="" id="" value="1" /></span>
							<a class="submi_add" href=""></a>
					</div>
					</li>
					<li class="clearfix pore"><a class="produce_box_a" href=""></a><span class="fl col666 w260">本地鸡窝</span><span class="fl colfd2 w110">60元</span>
					<div class="submi_btn">
							<a class="submi_red" href=""></a>
							<span><input type="" name="" id="" value="1" /></span>
							<a class="submi_add" href=""></a>
					</div>
					</li>
					
					</ul>
				</div>
				
				<div class="produce_fixbo">

					<div class="produce_fixnum"><span>6</span>
					</div>
					<div class="produce_fixpri">￥60<span class="paddL10 cola8a fontS18">满88元起送</span></div>
					<a class="produce_fixbtn" href="">选好了</a>
				</div>

			</aside>
			
			
			<section>
				
				<div id="dialogBg"></div>
				<div class="animated" id="dialog">
					<h2 class="dialog_title"><span class="fr" id="cleardialog"></span>本地鸡窝</h2>
					<div>
						<img src="img/add_img05.png" />
					</div>
					<div class="padd1030 borB1 col666">本地及口味纯正，无污染，肉鲜美，适合老人和孕妇食用。</div>
					<div class="cola8a padd2030">
						<span><em class="colff9 fontS32">60元</em>/份</span>
						<div class="produce_btn_dig">
									<a href="" class="submi_red"></a>
									<span><input type="" name="" id="" value="1" /></span>
									<a href="" class="submi_add"></a>
						</div>
					</div>
				</div>
				
			</section>
			
			
		</article>
	<script type="text/javascript" src="js/idangerous.swiper.min.js"></script>
	<script>
		var mySwiper = new Swiper('.swiper-container', {
			pagination: '.pagination',
			paginationClickable: true,
			autoplay :5000,
			speed:500,
			autoplayDisableOnInteraction : false
		})
	</script>
	<script>
	
	$(function(){
		//这里是弹框的代码
		(function(){
			var $width,$height,$className;
			var getcw=function(){
				$width=$(window).width();
				$height=$(window).height();
				$("#dialogbg").width($width).height($height);
			}
			getcw();
			$(window).resize(function(){
				getcw();
			});
			$(document).on("click",".produce_title a",function(){
				$("#dialogBg").fadeIn();
				$('#dialog').removeAttr("class").addClass("animated bounceInDown").fadeIn();
			}).on("click","#cleardialog",function(){
				$('#dialogBg').fadeOut(1000);
				$('#dialog').addClass('bounceOutUp').fadeOut();
			});
		})();
		
		
		//这里是点击购物数量展开
		(function(){
			$(document).on("click",".produce_fixnum",function(){
				var $por_box=$(".produce_box");
				var por_H=$por_box.height();
				if(por_H>340){
					$por_box.css({"overflow-y":"scroll","height":"340"});
				}else{
					$por_box.css({"overflow-y":"hidden","height":"auto"});
				};
				if($por_box.is(":visible")){
					$por_box.animate({"bottom":-por_H},300,function(){
						$(this).hide()
					});
				}else{
					$por_box.show().animate({"bottom":72},300);
				}
				
			});
			

			
		})();
		
		
	});
	</script>
	
</body>

</html>